Hello and welcome to this lecture.
In this show we will be creating the structure for the up using hastier mail.
Okay.
In my history document and I have already added some basic hastey on Health tags.
These are common tags that you will find in every web application.
So consist of the doctype online one which is used to have to instruct the web browsers that the information
contained in the paper.
Trying to view is hastier mail.
So the ashfall is here mail is from line 2 to 15.
So any content between line two and 15 will be regarded as the CML content.
I have added some new code from line for 2 line 9 saw line for here we called the Mer tag.
We've got a few of them all got messed up can't set the Met a cast set is used to define the encoding
type character types for this document and the standard is utf.
Dash 8.
So the card set is the attribute you hear that it is the value.
So that's the encode tag line 5 here with quite a title line 6 we've got mad men to tag metal tags.
Basically I used to provide extra description to the CML document so I got a name here online 6 name
attribute with a value of description and then we've gotten basically murder tags I use to assist the
search engines in providing information so when the search engine and browse is all goes to a website
they go for the head section and look for any information they can find relating to the information
that has been requested for small metal tags.
They are for information purposes.
Line 6 here.
Just change that too.
OK so again as Line 6 I've got two attributes one is a name which gives the description and their lives
in content and the value is changed background collomb say again providing enough information in the
head section to assist the search engines line 7 is another matter.
Tag name was viewport the viewport basically allows this document to be viewed on any device regardless
of the screen size.
So their view board means it will fit automatically to any screen size.
So that's what I've defined here and I'm giving it an initial zone of due course to one.
All right so that's.
Where you see the viewport and the scale is all set up so that the page can be viewed by any device
lines.
8 I have added a link to the query library which is a javascript library.
Toby is in query for the javascript part of the project.
The J query we are accessing it from the go go see the in C the end stand for content delivering that
work.
This is advantageous because we don't need to install it on our computer we just reference it via the
link.
We don't need to do any of those or anything we want Google to clear all of that.
All we need to do is reference it via a link line 9.
I've attached a link to our style sheet.
We see the starship we create here the blank one but will be populating it in our stylin.
When we're doing the session style it so that's fit for the head section.
Okay I have added some code here to the body section.
So in between the body tags they are the content that you can naturally see the content in the head
section is not visible to the content you can see is the content between the body tags so like 15 there.
I've attached a DVD car like is used to divide the section off a page so it's like a section.
I'm giving it an idea of wrapper.
Well you will be using this later in style in the day.
Have also attached.
Hey one have nested Hey one tag inside the dip just to give it a bit of text heading online.
Hey team.
Have added an import button.
Okay so this is a button that will be clicked so when it is clicked it all changed to call off the box.
I've also given it an idea of change column or use this I.D. attribute later for styling lying 21.
I have included a reference to.
Javascript file which is here the one we created earlier so that is a reference to all the.
Query.
Joe query.
All right will be inside there's javascript far more reference that true this link here.
So that is it for the structure.
If I say that we have a look you can see what the page looks like at the moment.
So this is what the page looks like.
This is the button we created and this is the text.
The DVR is not defined yet.
We're going to define that using csx.
Thanks for watching.
Bye for now.